/* stylelint-disable */
:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #e0ebff;
  --td-brand-color-2: #c0d8ff;
  --td-brand-color-3: #a1c4ff;
  --td-brand-color-4: #81b1ff;
  --td-brand-color-5: #5f9bff;
  --td-brand-color-6: #3d87ff;
  --td-brand-color-7: #176eff;
  --td-brand-color-8: #0052d9;
  --td-brand-color-9: #0048cd;
  --td-brand-color-10: #0035b5;

  @import "../lightThemeComponents/boxCardCom.less";
  @import "../lightThemeComponents/el-tableCom.less";
  @import "../lightThemeComponents/el-paginationCom.less";
  @import "../lightThemeComponents/el-ButtonCom.less";
  @import "../lightThemeComponents/t-tabsNavCardCom.less";
  @import "../lightThemeComponents/el-inputCom.less";
  @import "../lightThemeComponents/el-SelectCom.less";
  @import "../lightThemeComponents/el-dialogCom.less";
  @import "../lightThemeComponents/modalCom.less";
  @import "../lightThemeComponents/el-progressCom.less";
  @import "../lightThemeComponents/el-date-pickerCom.less";
  @import "../lightThemeComponents/el-transferCom.less";
  @import "../lightThemeComponents/el-dropdownCom.less";
  @import "../lightThemeComponents/el-stepsCom.less";
  @import "../lightThemeComponents/el-sliderCom.less";
  @import "../lightThemeComponents/el-treeCom.less";
  @import "../lightThemeComponents/treeSelect.less";
  @import "../lightThemeComponents/el-cardCom.less";
  @import "../lightThemeComponents/applicationCenterCom.less";
  @import "../lightThemeComponents/marquee.less";
  @import "../lightThemeComponents/el-tabsCom.less";
  @import "../lightThemeComponents/el-uploadCom.less";
  @import "../lightThemeComponents/el-checkboxCom.less";
  @import "../lightThemeComponents/el-radioCom.less";
  @import "../lightThemeComponents/el-cascaderCom.less";
  @import "../lightThemeComponents/customizeClass.less";
  @import '../lightThemeComponents/el-collapseCom.less';
  @import "../lightThemeComponents/el-RadioButton.less";
  @import '../lightThemeComponents/messageBox.less';
  @import '../lightThemeComponents/el-alertCom.less';
  @import '../lightThemeComponents/el-messageCom.less';
  @import '../lightThemeComponents/vxe-table.less';
  @import '../lightThemeComponents/el-tooltip.less';
  @import '../lightThemeComponents/el-imgCom.less';
  @import '../lightThemeComponents/tree_multiple_selection.less';
  @import '../lightThemeComponents/el-notification.less';


  // 自定义浅色模式
  --left-tab: #e7e7e7; // 左菜单分割线
  --td-gray-color-2: rgba(241, 242, 246, 1); // 最底层背景色
//   TODO: Maybe change back
//   --bottom-light: linear-gradient(to bottom, rgba(120, 168, 204, 1), rgba(3, 95, 162, 1)); // header背景色
  --bottom-light:#356ae6; // header背景色
  --td-brand-color: var( --light-blue-color); // 左菜单选中颜色，主组件颜色
  --td-gray-color-1: var(--whiteColor); // 条条线线的颜色(时间组件，输入框等)
  --td-brand-color-1: rgba(229, 240, 246, 1); // 左菜单选中背景色

  // 自定义颜色变量
  --white-color: #fff;
  --error-notifi-bg: var(--white-color);
  --primary-btn: #0075E9;
  --opacity-blue-bg2: rgba(0, 0, 0, 0.5);
  --light-blue-color: #0075E9;
  --form-text: #606266;
  --svg-line-bg: var(--white-color);
  --only-light-blue-color: #0060a6;
  --select-input-border: #c0c4cc;   
  --select-tag-info: rgba(166, 177,184 , 0.2); 
  // 海陆监控样式变量 
  --old-blue-color: #0060A6;
  --old-blue-bg: rgba(0,96,166,0.1);
  --old-red-color: #FF3141;
  --old-red-bg: rgba(255,49,65,0.1);
  // 门户字体颜色
  --portal-color: #606266;
  --dot-bg: #3490D3;
  // TODO: Maybe change back  带图标
  // --logo-bg: url('@/assets/right-sign.png'); 
  // TODO: Maybe change back  不带图标
  --logo-bg: url('');
}

:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;

  // 引入样式组件
  @import '../darkThemeComponents/el-SelectCom.less';
  @import '../darkThemeComponents/el-ButtonCom.less';
  @import '../darkThemeComponents/el-date-pickerCom.less';
  @import '../darkThemeComponents/el-tableCom.less';
  @import '../darkThemeComponents/el-radioCom.less';
  @import '../darkThemeComponents/el-checkboxCom.less';
  @import '../darkThemeComponents/boxCardCom.less';
  @import '../darkThemeComponents/t-tabsNavCardCom.less';
  @import '../darkThemeComponents/el-paginationCom.less';
  @import '../darkThemeComponents/el-inputCom.less';
  @import '../darkThemeComponents/messageBox.less';
  @import '../darkThemeComponents/el-dialogCom.less';
  @import '../darkThemeComponents/modalCom.less';
  @import '../darkThemeComponents/el-alertCom.less';
  @import '../darkThemeComponents/el-messageCom.less';
  @import '../darkThemeComponents/el-progressCom.less';
  @import '../darkThemeComponents/el-transferCom.less';
  @import '../darkThemeComponents/el-dropdownCom.less';
  @import '../darkThemeComponents/el-stepsCom.less';
  @import '../darkThemeComponents/el-sliderCom.less';
  @import '../darkThemeComponents/el-treeCom.less';
  @import '../darkThemeComponents/treeSelect.less';
  @import '../darkThemeComponents/el-popoverCom.less';
  @import '../darkThemeComponents/el-cardCom.less';
  @import '../darkThemeComponents/applicationCenterCom.less';
  @import '../darkThemeComponents/marquee.less';
  @import '../darkThemeComponents/el-tabsCom.less';
  @import '../darkThemeComponents/el-uploadCom.less';
  @import '../darkThemeComponents/t-notificationCom.less';
  @import '../darkThemeComponents/el-cascaderCom.less';
  @import '../darkThemeComponents/customizeClass.less';
  @import '../darkThemeComponents/vxe-table.less';
  @import '../darkThemeComponents/el-collapseCom.less';
  @import '../darkThemeComponents/el-RadioButton.less';
  @import '../darkThemeComponents/el-tooltip.less';
  @import '../darkThemeComponents/el-imgCom.less';
  @import '../darkThemeComponents/tree_multiple_selection.less';
  @import '../darkThemeComponents/el-notification.less';



  // 自定义暗色模式
  --left-tab: rgba(13, 74, 114, 1); // 左菜单分割线
  --td-gray-color-14: rgba(3, 21, 39, 1); // 最底层颜色
  --bottom-light: linear-gradient(to bottom, transparent, transparent, rgba(36, 222, 255, 0.16)); // header背景色
  --right-light: linear-gradient(to right, transparent, transparent, rgba(36, 222, 255, 0.16)); // 左菜单背景色
  --td-brand-color: rgba(71, 135, 240, 0.5); // 左菜单选中颜色，主组件颜色
  --td-gray-color-9: rgba(13, 74, 114, 1); // 条条线线的颜色(时间组件，输入框等)
  --td-gray-color-10: rgba(71, 135, 240, 0.5); // 左侧树hover颜色
  --td-gray-color-13: rgba(3, 21, 39, 1); // 整体空间主颜色
  //   --td-gray-color-13: url(@/assets/bodybg.png) repeat left top !important;
  --card-color: rgba(56, 125, 170, 1); // 卡片线条颜色

  // 自定义颜色变量
  --form-text: rgba(255,255,255,0.9);
  --error-notifi-bg: rgba(42, 18, 22, 1);
  --light-blue-color: rgba(0, 222, 240, 1);
  --opacity-blue-bg: rgba(0, 222, 240, 0.2);
  --opacity-blue-bg2: rgba(0, 222, 240, 0.1);
  --drop-down-color: rgba(21, 43, 62, 1);
  --primary-btn: linear-gradient(to right, rgba(14, 113, 234, 1), rgba(0, 217, 234, 1));
  --el-dialog-color: linear-gradient(to bottom,rgba(0,162,218,0.3),rgba(0,162,218,0.6));
  --white-opacity7: rgba(255,255,255,0.7);
  --svg-line-bg: rgba(0,96,166,0.15);
  --select-input-border: #627784;
  --select-tag-info: rgba(83,118,141,0.2);
  // 海陆监控样式变量 
  --old-blue-color: rgba(0, 222, 240, 1);
  --old-blue-bg: rgba(36,222,255,0.1);
  --old-red-color: #FF3141;
  --old-red-bg: rgba(255,49,65,0.1);
  // 门户字体颜色
  --portal-color: #fff;
  --dot-bg: #24DEFF;
  // TODO: Maybe change back  带图标
  // --logo-bg: url('@/assets/right-sign.png');
  // TODO: Maybe change back  不带图标
  --logo-bg: url('');
}
/* stylelint-enable */
